<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <link rel="shortcut icon" href="/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>人力管理系统</title>
	<%--<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />--%>

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript">
	var url;
	function addTab(url, text, iconCls) {
		var content = "<iframe frameborder=0 scrolling='auto' style='width:100%;height:100%' src='${pageContext.request.contextPath}/views/"
				+ url + "'></iframe>";
		$("#tabs").tabs("add", {
			title : text,
			iconCls : iconCls,
			closable : true,
			content : content
		});
	}
	function openTab(text, url, iconCls) {
		if ($("#tabs").tabs("exists", text)) {
			$("#tabs").tabs("close", text);
			addTab(url, text, iconCls);
			$("#tabs").tabs("select", text);
		} else {
			addTab(url, text, iconCls);
		}
	}

	function logout() {
		$.messager
				.confirm(
						"系统提示",
						"确定要退出吗?",
						function(r) {
							if (r) {
								window.location.href = "${pageContext.request.contextPath}/admin/logout";
							}
						});
	}
</script>
<body class="easyui-layout" >
	<div region="north" style="height: 78px;background-image: url('/images/banner.jpg')">
		<table width="100%">
			<tr>
				<td width="50%"></td>
				<td valign="bottom"
					style="font-size: 20px; color: #f9f9fb; font-family: '楷体';"
					align="right" width="50%"><font size="3">&nbsp;&nbsp;当前用户：
				</font> <font color="red">${sessionScope.currentAdmin.username}</font></td>
			</tr>
		</table>
	</div>
	<div region="center" >
		<div class="easyui-tabs" fit="true" border="false" id="tabs"  >
			<div title="主页" data-options="iconCls:'icon-home'" style="background-image: url('/images/dev.jpg');filter:alpha(Opacity=90);-moz-opacity:0.6;opacity: 0.6; ">
				<div align="center" style="padding-top: 50px">
					<font color="#FFF" size="10">人事管理系统</font>
				</div>
				<div align="center" style=";margin-left: 600px">
					<font style="font-size: 20px;">西安德雅通科技有限公司</font>
				</div>
			</div>
		</div>
	</div>
	<div region="west" style="width: 200px; height: 500px;"
		title="导航菜单" split="true">
		<div class="easyui-accordion">
			<div title="部门管理"
				data-options="selected:true,iconCls:'icon-shujias'"
				style="padding: 10px; height: 10px;">
				<a href="javascript:openTab(' 部门信息','deptManage.jsp')"
					class="easyui-linkbutton" data-options="plain:true"
					style="width: 150px;">部门信息</a>
			</div>

			<div title="职位管理"
				data-options="selected:true,iconCls:'icon-schoolceo'"
				style="padding: 10px; height: 10px;">
				<a href="javascript:openTab(' 职位管理','positionManage.jsp')"
					class="easyui-linkbutton" data-options="plain:true"
					style="width: 150px;">职位信息</a>
			</div>

			<div title="员工管理" data-options="iconCls:'icon-students' "
				style="padding: 10px">
				<a href="javascript:openTab('员工管理','employeeManage.jsp')"
					class="easyui-linkbutton" data-options="plain:true"
					style="width: 150px;">员工信息</a>
			</div>

			<div title="邮件管理"
				data-options="selected:true,iconCls:'icon-wenzhang'"
				style="padding: 10px; height: 10px;">
				<a href="javascript:openTab(' 邮件管理','postManage.jsp')"
					class="easyui-linkbutton" data-options="plain:true"
					style="width: 150px;">邮件信息</a>
			</div>

			<div title="系统管理" data-options="iconCls:'icon-item'"
				style="padding: 10px; border: none;">
				<a
					href="javascript:openTab(' 管理人员','adminManage.jsp','icon-lxr')"
					class="easyui-linkbutton"
					data-options="plain:true,iconCls:'icon-lxr'" style="width: 150px;">
					管理人员</a><a href="javascript:logout()" class="easyui-linkbutton"
					data-options="plain:true,iconCls:'icon-exit'" style="width: 150px;">
					退出</a>
			</div>
		</div>
	</div>
</body>
</html>